<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>博客爬取系统-博文</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="format-detection" content="telephone=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
    {% load staticfiles %}
  <link rel="alternate icon" type="image/png" href="{% static 'i/favicon.png' %}">
  <link rel="stylesheet" href="{% static 'css/amazeui.min.css' %}"/>
  <style>
    @media only screen and (min-width: 641px) {
      .am-offcanvas {
        display: block;
        position: static;
        background: none;
      }

      .am-offcanvas-bar {
        position: static;
        width: auto;
        background: none;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
      .am-offcanvas-bar:after {
        content: none;
      }

    }

    @media only screen and (max-width: 640px) {
      .am-offcanvas-bar .am-nav>li>a {
        color:#ccc;
        border-radius: 0;
        border-top: 1px solid rgba(0,0,0,.3);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.05)
      }

      .am-offcanvas-bar .am-nav>li>a:hover {
        background: #404040;
        color: #fff
      }

      .am-offcanvas-bar .am-nav>li.am-nav-header {
        color: #777;
        background: #404040;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
        text-shadow: 0 1px 0 rgba(0,0,0,.5);
        border-top: 1px solid rgba(0,0,0,.3);
        font-weight: 400;
        font-size: 75%
      }

      .am-offcanvas-bar .am-nav>li.am-active>a {
        background: #1a1a1a;
        color: #fff;
        box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
      }

      .am-offcanvas-bar .am-nav>li+li {
        margin-top: 0;
      }
    }

    .my-head {
      margin-top: 40px;
      text-align: center;
    }

    .my-button {
      position: fixed;
      top: 0;
      right: 0;
      border-radius: 0;
    }
    .my-sidebar {
      padding-right: 0;
      border-right: 1px solid #eeeeee;
    }

    .my-footer {
      border-top: 1px solid #eeeeee;
      padding: 10px 0;
      margin-top: 10px;
      text-align: center;
    }
       .blog-footer {
            padding: 10px 0;
            text-align: center;
        }
        .amz-toolbar {
       position: fixed;
        right: 10px;
        bottom: 70px;
        z-index: 999;
    }
  </style>
</head>
<body>
<header class="am-topbar">
    <h1 class="am-topbar-brand">
        <a href="#">博客爬取系统</a>
    </h1>
    <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only"
            data-am-collapse="{target: '#doc-topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span
            class="am-icon-bars"></span></button>

    <div class="am-collapse am-topbar-collapse" id="doc-topbar-collapse">
        <ul class="am-nav am-nav-pills am-topbar-nav">
            <li id="index_home"><a href="/">首页</a></li>
        </ul>
        <div class="am-topbar-right">
            <ul class="am-nav am-nav-pills am-topbar-nav admin-header-list">
                <li><a href=""><span class="am-icon-home"></span> 后台管理</a></li>
                <li class="am-hide-sm-only"><a href="javascript:" id="admin-fullscreen"><span
                        class="am-icon-arrows-alt"></span> <span class="admin-fullText">开启全屏</span></a></li>
            </ul>
        </div>
    </div>
</header>
<header class="am-g my-head">
  <div class="am-u-sm-12 am-article">
    <h1 class="am-article-title">{{ blog.title }}</h1>
    <p class="am-article-meta"> by <a href="">{{ blog.author.name }}</a>
                        posted on <span class="am-text-primary">{{ blog.fbrq }}</span></p>
  </div>
</header>
<hr class="am-article-divider"/>
<div class="am-g am-g-fixed">
  <div class="am-u-md-9 am-u-md-push-3">
    <div class="am-g">
      <div class="am-u-sm-11 am-u-sm-centered">
        <div class="am-cf am-article">
          {{ blog.contents| safe }}
            <p>原文链接：<a class="am-btn am-btn-link am-round am-text-sm" href="{{ blog.href }}"></a></p>
        </div>
        <hr/>
{#        <ul class="am-comments-list">#}
{#          <li class="am-comment">#}
{#            <a href="#link-to-user-home">#}
{#              <img src="http://s.amazeui.org/media/i/demos/bw-2014-06-19.jpg?imageView/1/w/96/h/96/q/80" alt="" class="am-comment-avatar" width="48" height="48">#}
{#            </a>#}
{#            <div class="am-comment-main">#}
{#              <header class="am-comment-hd">#}
{#                <div class="am-comment-meta">#}
{#                  <a href="#link-to-user" class="am-comment-author">某人</a> 评论于 <time datetime="2013-07-27T04:54:29-07:00" title="2013年7月27日 下午7:54 格林尼治标准时间+0800">2014-7-12 15:30</time>#}
{#                </div>#}
{#              </header>#}
{#              <div class="am-comment-bd">#}
{#                <p>《永远的蝴蝶》一文，还吸收散文特长，多采用第一人称，淡化情节，体现一种思想寄托和艺术追求。</p>#}
{#              </div>#}
{#            </div>#}
{#          </li>#}
{#        </ul>#}
      </div>
    </div>
  </div>
  <div class="am-u-md-3 am-u-md-pull-9 my-sidebar">
    <div class="am-offcanvas" id="sidebar">
      <div class="am-offcanvas-bar">
          <ul class="am-nav">
              <li>分类： <a class="am-btn am-btn-primary am-round am-text-sm" href="{% url 'index' %}?category={{ blog.category.id }}">{{ blog.category.name }}</a></li>
               <li>来源：  <a class="am-btn am-btn-warning am-round am-text-sm" href="{% url 'index' %}?category={{ blog.category.id }}">{{ blog.source }}</a></li>
              <li>标签：
                  {% for label_item in labels %}
                    <span class="am-btn am-btn-secondary am-round am-btn-xs">{{ label_item }}</span>
                  {% endfor %}
              </li>
          </ul>
      </div>
    </div>
  </div>
  <a href="#sidebar" class="am-btn am-btn-sm am-btn-success am-icon-bars am-show-sm-only my-button" data-am-offcanvas><span class="am-sr-only">侧栏导航</span></a>
</div>
<div data-am-widget="gotop" class="am-gotop am-gotop-fixed">
    <a href="#top" title="回到顶部">
        <span class="am-gotop-title">回到顶部</span>
        <i class="am-gotop-icon am-icon-chevron-up"></i>
    </a>
</div>
<footer class="blog-footer">
    <p>基于Scrapy的博客爬虫系统<br>
        <small>© Copyright BSWS. by 子沐.</small>
    </p>
</footer>
<!--[if lte IE 8 ]>
    <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
    <script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.ie8polyfill.js"></script>
    <![endif]-->
    <script src="{% static 'js/jquery.min.js' %}"></script>
    <script src="{% static 'js/amazeui.min.js' %}"></script>
    <script src="{% static 'js/amazeui.widgets.helper.js' %}"></script>
    <script>
        var e=$.AMUI.fullscreen;
        $('#admin-fullscreen').on('click', function () {
             e.enabled&&e.toggle()
        });
    </script>
</body>
</html>
